@charset "utf-8";
@import "init";
@import "common";


.container-fluid{
	
	.intro{
		padding: 60px 0 0;
		
		.text{
			text-align: right;
			h2{
				font-size:30px;
				color: #2a2a2a;
			}
			p{
				font-size: 12px;
				line-height: 30px;
				text-align: justify;
				color: #898989;
			}
			
			.game_all{
				text-align: right;
				.game_box{
					width: 303px;
					height: 133px;
					overflow: hidden;
					border-radius: 5px;
					margin-bottom: 20px;
					
					img{
						width: 100%;
					}
				}
			}
			
			
		}
	}
	
	.intro1{
		padding: 60px 0 40px;
		.text{
			text-align: left;
			h2{
				font-size:30px;
				color: #2a2a2a;
			}
			p{
				font-size: 12px;
				line-height: 30px;
				text-align: justify;
				color: #898989;
			}
			.game_all{
				text-align: right;
				.game_box{
					width: 303px;
					height: 133px;
					overflow: hidden;
					border-radius: 5px;
					margin-bottom: 20px;
					
					img{
						width: 100%;
					}
				}
			}
		}
	}
	
	.new_box{
		padding:40px 0 40px;
		
		h2{
			font-size: 30px;
			color: #ff6b08;
			margin-bottom: 40px;
		}
		.sport{
			overflow: hidden;
			text-align: center;
			margin-bottom: 42px;
			.img_box{
				width: 302px;
				height: 133px;
				overflow: hidden;
				position: relative;
				img{
					width:100%;
				}
			}
			&:hover .mask{
				margin-bottom: 0px;
			}
			
			a{
				text-decoration: none;
				.mask{
					width: 302px;
					height:133px;
					background-color: rgba(0,0,0,.7);
					position: absolute;
					bottom:30px;
					left:34px;
					border-radius: 0 0 5px 5px;
					text-align:left;
					margin-bottom: 150px;
					transition: 0.3s;
					
					p{
						margin-top: 10px;
						font-size: 12px;
						color: white;
						line-height: 18px;
					}
				}
				p{
					width: 302px;
					margin: 0 auto;
					font-size: 12px;
					color: #222222;
					margin-top: 12px;
				}
			}
			
		}
		
		
	}


}

@media only screen and (min-width:768px) and (max-width:991px){
	.container-fluid{
		.navbar-default .navbar-nav:first-of-type li a{
				padding:15px 4px;
		}
		.intro .img-box{
			text-align: center;
		}
		.intro .text{
			text-align: center;
		}
		.intro .text .game_all .game_box{
			display: inline-block;
		}
		.intro .text .game_all {
			text-align: center;
		}
		
		
		
		
		.intro1 .img-box{
			text-align: center;
		}
		.intro1 .text{
			text-align: center;
		}
		.intro1 .text .game_all .game_box{
			display: inline-block;
		}
		.intro1 .text .game_all {
			text-align: center;
		}
		
	}
}
@media only screen and (min-width:320px) and (max-width:767px){
	.container-fluid{
		.intro .img-box{
			width: 200px;
			height: 220px;
			text-align: center;
			img{
				width: 100%;
			}
		}
		.intro{
			padding: 0;
		}
		.intro .text{
			text-align: center;
		}
		.intro .text .game_all .game_box{
			width: 288px;
		}
		.intro1 .img-box{
			width: 200px;
			height: 220px;
			text-align: center;
			img{
				width: 100%;
			}
		}
		.intro1 .text{
			text-align: center;
		}
		.intro1 .text .game_all .game_box{
			width: 288px;
		}
		.new_box .sport .img-box{
			width: 288px;
			img{
				width: 100%;
			}
		}
	}
}